<template>
    <div>
        <van-nav-bar title="新标专区" left-text="返回" left-arrow @click-left="onClickLeft" />
        <div class="body" v-for="(i,y) in List" :key="y">
            <div>
                <div>{{i.Name}}先生借款</div>
                <div class="lilv">{{i.InterestRate*100}}<font style="font-size:1px">%</font> </div>
                <div>约定借款年利率</div>
            </div>
            <div>
                <div class="button" >{{i.Days*30}}天</div>
                <div>期限</div>
            </div>
            <div>
                <div>剩余金额:{{i.Money}}</div>
                <div class="button"><van-button round type="info" size="mini">出借</van-button></div>
                <div>持满30天可转让</div>
            </div>

        </div>
    </div>
</template>

<script>
export default {
    name: '',
    data() {
        return {
            List:[]
        };
    },
    props: {},

    components: {},

    created() {},

    mounted() {
        this.getList()
    },

    methods: {
        onClickLeft() {
            this.$router.push('/voucher_center')
        },
        getList(){
            this.axios.get('/sample/getAllTop ')
            .then((result) => {
                console.log(result)
                if(result.data.code == 200){
                    this.List = result.data.list
                }
            })
        }
    },

    computed: {},

    watch: {},

    directives: {},

    filters: {}
};
</script>

<style scoped>
* {
    margin: 0;
}
font{
    size: 3px;
}
.lilv{
    margin: 8px;
    margin-right: 20px;
    font-size: 28px;
    color: rgb(132, 1, 1);
}
.body {
    margin: 20px;
    padding: 20px;
    text-align: center;
    border-radius: 10px;
    border: 1px solid #cccccc;
    height: 80px;
    display: flex;
    font-size: 10px;
    justify-content: space-between;
}

.button{
    margin: 10px;
}
</style>
